<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Quick Search</title>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
    </script>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0-beta/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/style.css">
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>
    <script src="js/fun.js"></script>
    <link rel="Shortcut Icon" href="resources/icon.jpg" type="image/x-icon">
    <!-- Google Analytics -->
    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-111261880-1', 'auto');
        ga('send', 'pageview');
    </script>
    <!-- End Google Analytics -->
</head>
<body class="bg-image">
    <div class="jumbotron glass-theme">
        <h1>Quick Search</h1>
        <p class="subtitle"> &nbsp;&nbsp;搜索快人一步！by 傲慢的上校&nbsp;&nbsp;&nbsp;&nbsp;<a class="link" href="//github.com/victaie/QuickSearch">Github账号：victaie</a>&nbsp;&nbsp;&nbsp;&nbsp;（注：如果点击没有反应，请设置浏览器允许弹窗）</p>
    </div>
    <div class="container-fluid">
        <div class="row" >
            <div class="col-4">
                <div class="row">
                    <div class="col-2"></div>
                    <div class="col-8">
                        <input id="keyword" type="text" class="form-control txtbox-size" onkeydown="defaultSearch(event)" placeholder="请输入你想搜索的内容..."> 
                    </div>
                   
                </div>
            </div>
            <div class="col-8 " >
                <div class="row ">
                    <p class="group-title all" onclick="SearchAll()">搜索</p>
                </div>
                <div class="row items">
                    <div class="col-sm-2 ">
                        <a id="Google" class="btn btn-search btn-sm btn-size " onclick="StartSearch(this)">Google</a>
                    </div>
                    <div class="col-sm-2  ">
                        <a id="Bing"  class="btn btn-search btn-sm btn-size " onclick="StartSearch(this)">Bing</a>
                    </div>
                    <div class="col-sm-2  ">
                        <a id="Baidu" class="btn btn-search btn-sm btn-size " onclick="StartSearch(this)">百度</a>
                    </div>
                    <div class="col-sm-2  ">
                        <a id="搜狗" class="btn btn-search btn-sm btn-size " onclick="StartSearch(this)">搜狗</a>
                    </div>
                </div>


                <div class="row">
                    <p class="group-title all" onclick="DevelopmentAll()">开发</p>
                </div>
                <div class="row">
                    <div class="col-sm-2 ">
                        <a id="CSDN" class="btn btn-development btn-sm btn-size " onclick="StartSearch(this)">CSDN</a>
                    </div>
                    <div class="col-sm-2  ">
                        <a id="StackOverflow" class="btn btn-development btn-sm btn-size " onclick="StartSearch(this)">Stack Overflow</a>
                    </div>
                    <div class="col-sm-2  ">
                        <a id="菜鸟学院" class="btn btn-development btn-sm btn-size " onclick="StartSearch(this)">菜鸟学院</a>
                    </div>
                    <div class="col-sm-2  ">
                        <a id="简书" class="btn btn-development btn-sm btn-size " onclick="StartSearch(this)">简书</a>
                    </div>

                </div>
                <div class="row items">
                    <div class="col-sm-2 ">
                        <a id="Github"  class="btn btn-development btn-sm btn-size " onclick="StartSearch(this)">Github</a>
                    </div>
                    <div class="col-sm-2 ">
                        <a id="人人都是产品经理" class="btn btn-development btn-sm btn-size " onclick="StartSearch(this)">人人都是产品经理</a>
                    </div>
                    <!-- <div class="col-sm-2  ">
                        <a id="知乎" class="btn btn-community btn-sm btn-size " onclick="StartSearch(this)">知乎</a>
                    </div>
                    <div class="col-sm-2  ">
                        <a id="多看阅读" class="btn btn-community btn-sm btn-size " onclick="StartSearch(this)">多看阅读</a>
                    </div> -->
                </div>



                <div class="row">
                    <a class="group-title"> 社区</a>
                </div>
                <div class="row items">
                    <div class="col-sm-2 ">
                        <a id="豆瓣电影"  class="btn btn-community btn-sm btn-size " onclick="StartSearch(this)">豆瓣电影</a>
                    </div>
                    <div class="col-sm-2 ">
                        <a id="豆瓣图书" class="btn btn-community btn-sm btn-size " onclick="StartSearch(this)">豆瓣图书</a>
                    </div>
                    <div class="col-sm-2  ">
                        <a id="知乎" class="btn btn-community btn-sm btn-size " onclick="StartSearch(this)">知乎</a>
                    </div>
                    <div class="col-sm-2  ">
                        <a id="多看阅读" class="btn btn-community btn-sm btn-size " onclick="StartSearch(this)">多看阅读</a>
                    </div>

                </div>
                
                
                <div class="row">
                    <p class="group-title all" onclick="ShoppingAll()"> 购物</p>
                </div>
                <div class="row items">
                    <div class="col-sm-2 ">
                        <a id="京东" class="btn btn-shopping btn-sm btn-size " onclick="StartSearch(this)">京东</a>
                    </div>
                    <div class="col-sm-2  ">
                        <a id="淘宝" class="btn btn-shopping btn-sm btn-size " onclick="StartSearch(this)">淘宝</a>
                    </div>
                    <div class="col-sm-2  ">
                        <a id="亚马逊" class="btn btn-shopping btn-sm btn-size " onclick="StartSearch(this)">亚马逊</a>
                    </div>
                    <div class="col-sm-2  ">
                        <a id="当当" class="btn btn-shopping btn-sm btn-size " onclick="StartSearch(this)">当当</a>
                    </div>
                </div>
                <div class="row">
                    <a class="group-title"> 视频</a>
                </div>
                <div class="row items">
                    <div class="col-sm-2 ">
                        <a id="腾讯视频" class="btn btn-video btn-sm btn-size " onclick="StartSearch(this)">腾讯视频</a>
                    </div>
                    <div class="col-sm-2  ">
                        <a id="爱奇艺" class="btn btn-video btn-sm btn-size " onclick="StartSearch(this)">爱奇艺</a>
                    </div>
                    <div class="col-sm-2  ">
                        <a id="bilibili" class="btn btn-video btn-sm btn-size " onclick="StartSearch(this)">bilibilili</a>
                    </div>
                    <div class="col-sm-2  ">
                        <a id="Youtube" class="btn btn-video btn-sm btn-size " onclick="StartSearch(this)">Youtube</a>
                    </div>

                </div>
                <div class="row">
                    <a class="group-title"> 旅行</a>
                </div>
                <div class="row items">
                    <div class="col-sm-2 ">
                        <a id="高德地图" class="btn btn-trip btn-sm btn-size " onclick="StartSearch(this)">高德地图</a>
                    </div>
                    <div class="col-sm-2 ">
                        <a id="蚂蜂窝" class="btn btn-trip btn-sm btn-size " onclick="StartSearch(this)">蚂蜂窝</a>
                    </div>
                </div>
                <div class="row">
                    <a class="group-title"> 工具</a>
                </div>
                <div class="row items">
                    <div class="col-sm-2 ">
                        <a id="有道词典" class="btn btn-tool btn-sm btn-size " onclick="StartSearch(this)">有道词典</a>
                    </div>
                    <div class="col-sm-2">
                        <a id="Quora" class="btn btn-tool btn-sm btn-size " onclick="StartSearch(this)">Quora</a>
                    </div>
                </div>
                <div class="row">
                    <p class="group-title" onclick=""> 市场</p>
                </div>
                <div class="row items">
                    <div class="col-sm-2 ">
                        <a id="Market" class="btn btn-market btn-sm btn-size " onclick="OpenAllAndroidMarket()">安卓市场</a>
                    </div>
                </div>
    </div>
    <div class="footer">
        <span class="label">用法：</span>输入搜索关键字，选择一个网站即可在该网站进行搜索，直接按回车默认搜索百度； 不输入搜索内容单独点击一个网站则直接跳转到该网站首页<span style="text-decoration: underline;">（请在电脑端打开）</span>。 &nbsp &nbsp &nbsp @有什么好的建议和想法欢迎邮件至victorfeng89757@gmail.com
    </div>
</body>
</html>

